@charset "utf-8";
/* CSS Document */

*{
	padding: 0;
	margin: 0;
	border: none;
}

p{
	/*color: #b6b6b6;*/
	color:#666;
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
}
/*<Body>*/

body{
	background-color: #f6f6f6;
	background-image: url(http://localhost/RestEasyHotel/images/bg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
}


/* Container*/
#container{
	margin: auto; /*center of website*/
	width: 850px;
}



/*Navigation*/
#navigation{
	float: left;
	height: 68px;
	width: 850px;
}

#navigation li{
	display: block;
	list-style-type: none; /*no bullets*/
	float: left;
	background-image: url(http://localhost/RestEasyHotel/images/nav_seperator.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#navigation li a{
	color: #666666; /*font color normal*/
	font-weight: bold;
	width: 108px;
	height: 42px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 26px;
	float: left;
	text-decoration: none; /*no underline*/
	margin-left: 2px;
	}
	
#navigation li a:hover{
	background-image:url(http://localhost/RestEasyHotel/images/nav_hover.gif);
	background-repeat: repeat-x;
	color: #0087c7; /*font color when hover*/
	margin-left: 2px;
}

.form{
	float: left;
	padding-left: 20px;
	height: 54px;
	padding-top: 14px;
}

#search-left{
	background-image: url(http://localhost/RestEasyHotel/images/search_field_left.png);
	background-repeat: no-repeat;
	float: left;
	height: 37px;
	width: 21px;
	
	
}

#search-right{
	background-image: url(http://localhost/RestEasyHotel/images/search_field_right.png);
	background-repeat: no-repeat;
	float: left;
	height: 37px;
	width: 21px;
}


.search-field{
	float: left;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-color: #d1d1d1;
	border-left-style:hidden;
	border-right-width: 1px;
	border-right-color: #d1d1d1;
	border-right-style: hidden;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d1d1d1;
	border-bottom-color: #d1d1d1;
	padding-top: 11px;
	padding-bottom: 11px;
	
}

.search-btn{
	float: left;
}

/*Title*/
#title{
	float: left;
	height: 105px;
	width: 850px;
	background-image: url(http://localhost/RestEasyHotel/images/resteasy.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/*Featured*/
#featured{
	float: left;
	height: 223px;
	width: 850px;
}

.featured-image{
	float: left;
	height: 206px;
	width: 517px;
}

.featured-image img{
	background-color: #FFFFFF;
	border: 1px solid #d9d9d9;
	padding: 10px;
}

.featured-image_accom img{
	background-color: #FFFFFF;
	border: 1px solid #d9d9d9;
	padding: 10px;
}


.featured-text{
	float: right;
	width: 323px;
	height: 206px;
}

.featured-text p{
	margin-top: 10px;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:justify;
	line-height: 20px;
}

.featured-text h3{
	background-image: url(http://localhost/RestEasyHotel/images/divider.png);
	background-position: bottom;
	background-repeat:repeat-x;
	padding-bottom: 5px;
	font-weight: bold;
	text-transform: capitalize;
	color:#900;
	font-family:Verdana, Geneva, sans-serif;
	
	
}
	
a:link{
	text-decoration: none;
	color: #0087C7;
}

a:hover{
	color: #0CF;
	text-decoration: underline;
}
	
/*Content*/

#content{
	background-color: #f6f6f6;
	width: 850px;
	}

#left-content{
	float: left;
	width: 349px;
	margin-top: 20px;
}


.left-top{
	background-image: url(http://localhost/RestEasyHotel/images/left_content_top.png);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 349px;
}


.left-middle{
	background-image: url(http://localhost/RestEasyHotel/images/left_content_middle.png);
	background-repeat:repeat-y;
	float: left;
	width: 307px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d1d1d1;
	border-left-color: #d1d1d1;
	padding-right: 20px;
	padding-left: 20px;
}


.left-buttom{
	background-image: url(http://localhost/RestEasyHotel/images/left_content_bottom.png);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 349px;
	margin-bottom: 10px;
}

li.icon1 {
	list-style-type: none;
	display: block;
	background-image: url(http://localhost/RestEasyHotel/images/food_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 75px;
	
}

li.icon2 {
	list-style-type: none;
	display: block;
	background-image: url(http://localhost/RestEasyHotel/images/wifi_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 75px;
}

li.icon3 {
	list-style-type: none;
	display: block;
	background-image: url(http://localhost/RestEasyHotel/images/jazz_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 75px;
}


#right-content{
	float: right;
	width: 480px;
	margin-top: 20px;
}


.right-top{
	background-image: url(http://localhost/RestEasyHotel/images/right_content_top.png);
	background-repeat:no-repeat;
	float: left;
	height: 29px;
	width: 480px;
}


.right-middle{
	background-image: url(http://localhost/RestEasyHotel/images/right_content_middle.png);
	background-repeat: repeat-y;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d1d1d1;
	border-left-color: #d1d1d1;
	float: left;
	width: 438px;
	padding-right: 20px;
	padding-left: 20px;
}

.right-middle h3{
	margin-bottom: 10px;
	color:#900;
	font-size: 20px;
	text-transform: capitalize;
}

.right-middle p{
	color: #666;
	font-size: 12px;
	text-align: justify;
	line-height: 20px;
}



.right-buttom{
	background-image: urlhttp://localhost/RestEasyHotel/(images/right_content_bottom.png);
	background-repeat:no-repeat;
	float: left;
	height: 29px;
	width: 480px;
}


/*Footer*/

#footer{
	background-image: url(http://localhost/RestEasyHotel/images/footer.png);
	background-repeat:no-repeat;
	float: left;
	width: 850px;
	height: 88px;
	margin-top: 20px;
}

#footer p{
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	padding-top: 35px;
}

/*Menu*/

.outer{
	margin:0 auto;
	padding:50px;
}

.outer a, .outer div, .outer li, .outer ul, .outer body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.menu{
	float:left;
	width: 193px;
}
div.menu ul{
	list-style: none;
	text-indent: 0px;
}
div.menu li{
	margin-top: 3px;
}
div.menu a{
	font: 12px Verdana;
	padding: 4px;
	color: #646464;
	display:block;
	padding: 6px 30px;
	height: 20px;
	text-decoration: none;
	background: url('http://localhost/RestEasyHotel/images/background.gif');
}
div.menu a:hover{
	background: url('http://localhost/RestEasyHotel/images/highlight.gif') no-repeat right;
	padding: 6px 40px;
}:148px;background:url(images/nav_active.jpg) no-repeat;color:#b18211;}





